<template>
  <div class="article-list__container">
    <ArticleItem
      v-for="(obj, idx) in arr"
      :key="obj.art_id"
      :artObj="obj"
      :i="idx"
      @del-art="delArtFn"
      />
  </div>
</template>

<script>
export default {
  name: 'ArticleList',
  props: {
    // 父传子 - 文章列表数组
    arr: {
      type: Array,
      required: true
    }
  },
  methods: {
    delArtFn (idx) {
      this.$emit('del-art', idx)
    }
  }
}
</script>

<style>

</style>
